<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
			"http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
    <title><?php echo $this->escape($this->title) ?></title>
    
    <!-- Importa hojas de estilo y hace los requires -->
    <?php echo $this->dojo()?>
	
    <script type="text/javascript">

        // Pregunta antes de cerrar un tab
		function testClose(pane,tab){
		  return confirm("¿Está seguro de que desea salir?");
		}
		
    </script>

	<!-- Sortable tables -->
	<script type="text/javascript" src="/js/sorttable.js"></script>

</head>

<body class="tundra">

	<div dojoType="dijit.layout.LayoutContainer" id="main">

		<!-- HEADER -->
		<div dojoType="dijit.layout.ContentPane" layoutAlign="top" id="header" align="left" style="background-color: #66CC99">
			
			<span style="float:right;">
				<div class="welcome"> 
					Bienvenido <?=$this->user ?>, <a href="<?=$this->url(array('action' => 'logout', 'controller' => 'index')) ?>"> Logout </a>          
				</div>
			</span>
			<span style="float:left;">
				<IMG SRC="/logo.jpg" ALT="Logo Mesidoft" WIDTH=320 HEIGHT=80>
			</span>
		</div>

		<!-- TOOLBAR -->
		<div dojoType="dijit.Toolbar" layoutAlign="top" style="height:25px;">
		
		   	<button id="b_buscar" dojoType="dijit.form.ComboButton" style="float:right;">
				<script type="dojo/method" event="onClick">
				</script>
				<span>Buscar</span>
				<ul dojoType="dijit.Menu">
					<li dojoType="dijit.MenuItem" >
						Paciente
						<script type="dojo/method" event="onClick" args="evt">
							var tabs = dijit.byId("tabs");
							var pane = new dijit.layout.ContentPane({ title:"Búsqueda paciente" });
							dojo.mixin(pane, {closable: true, onClose: testClose	});
							tabs.addChild(pane);
							tabs.selectChild(pane);	
							alert ('Esta funcionalidad no fue implementada aún');
						</script>
					</li>
					<li dojoType="dijit.MenuItem">
						Personal
						<script type="dojo/method" event="onClick" args="evt">
							var tabs = dijit.byId("tabs");
							var pane = new dijit.layout.ContentPane({ title:"Búsuqeda personal"});
							dojo.mixin(pane, {closable: true, onClose: testClose	});
							tabs.addChild(pane,1);
							tabs.selectChild(pane);	
							alert ('Esta funcionalidad no fue implementada aún');
						</script>
					</li>
				</ul>
			</button>
			<span dojoType="dijit.Tooltip" connectId="b_buscar">Presione para buscar un paciente o personal.</span>

			<button id="b_options" dojoType="dijit.form.Button" style="float:right;">
				Options	
				<script type="dojo/method" event="onClick">
					dijit.byId('optionsDialog').show(); 
				</script>
			</button>
			<div dojoType="dijit.Tooltip" connectId="b_options">Presione para configurar sus opciones.</div>
			
		</div>
		
		<!-- FOOTER -->
		<div dojoType="dijit.layout.ContentPane" layoutAlign="bottom" 
		     id="footer" align="left">
			<span style="float:right;">Medisoft - Copyright 2008 - Los Pibes</span>
		</div>

		<!-- SPLIT -->
		<div dojoType="dijit.layout.SplitContainer" orientation="horizontal" sizerWidth="5"
		activeSizing="0" layoutAlign="client">
		
			<!-- MENU -->
			<div dojoType="dijit.layout.AccordionContainer" sizeMin="20" sizeShare="20">
			
				<div dojoType="dijit.layout.AccordionPane" title="Pacientes">
                	<p><a href="/index.php/paciente/insert">Insertar Paciente</a></p>
                	<p><a href="/index.php/paciente/">Modificar Paciente</a></p>
                	<p><a href="/index.php/paciente/">Borrar Paciente</a></p>		
       			</div>
					
				<div dojoType="dijit.layout.AccordionPane" title="Personal">
				</div>
					
				<div dojoType="dijit.layout.AccordionPane" title="Turnos">
					<p><a href="/index.php/turno">Nuevo Turno</a></p>
				<p><a href="/cola">Ingresar a Cola de Espera</a></p>
				<p><a href="/turno/lturnos">Lista de Turnos</a></p>
				</div>
					
				<div dojoType="dijit.layout.AccordionPane" title="Administración">
					<p><a href="/index.php/usuario/insert">Agregar Usuario</a></p>	
				</div>
			</div>
				
			<!-- TABS -->
			<div dojoType="dijit.layout.TabContainer" id="tabs" jsId="tabs">
				<div dojoType="dijit.layout.ContentPane" sizeMin="20" sizeShare="20" style="background-color: #CCFFCC" title="Home">
					<div class="vbody">
						<?= $this->layout()->content ?>
						
					</div>
				</div> 				
			</div><!-- End tab container -->
           
		</div> <!--  End entire-screen split container -->
		
	</div> <!--  End layout container -->
	
	<!-- Aparece cuando clickeamos 'Options' -->
	<div dojoType="dijit.Dialog" id="optionsDialog" title="Opciones:">
		<table>	
			<tr><td style="text-align:right;"><label for="option1">Lenguaje / Language</label></td>
				<td>
					<select id="option1" dojoType="dijit.form.FilteringSelect">
						<option value="ingles">English</option>
						<option value="español">Español</option>
					</select>
				</td>
			</tr>
	
			<tr>
				<td colspan="2" style="text-align:center;">
					<button dojoType="dijit.form.Button" type="submit" iconClass="mailIconOk">OK</button>
					<button dojoType="dijit.form.Button" type="submit" iconClass="mailIconCancel">Abort</button>
				</td>
			</tr>
		</table>
	</div>	
					
</body></html>
